<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('修改菜单')" />
    <th:block th:include="include :: select2-css" />

</head>
<body class="white-bg">
<section class="section-content">
    <div class="row">
        <div class="col-sm-3 pr5">
            <div class="ibox float-e-margins">
                <div class="ibox-title ibox-title-gray dashboard-header gray-bg">
                    <h5>基本信息</h5>
                </div>
                <div class="ibox-content">
                    <div class="text-center">
                        <p><img class="img-circle img-lg" th:src="@{/img/profile.jpg}"></p>
                        <p><a href="javascript:avatar()">修改头像</a></p>
                    </div>
                    <ul class="list-group list-group-striped">
                        <li class="list-group-item"><i class="fa fa-user"></i>
                            <b class="font-noraml">姓名：</b>
                            <p class="pull-right">[[${jUser.Name}]]</p>
                        </li>
                        <li class="list-group-item"><i class="fa fa-phone"></i>
                            <b  class="font-noraml">年龄：</b>
                            <p class="pull-right">[[${jUser.age}]]</p>
                        </li>
                        <li class="list-group-item"><i class="fa fa-group"></i>
                            <b  class="font-noraml">司龄：</b>
                            <p class="pull-right" >[[${jUser.siling}]]年</p>
                        </li>
                        <li class="list-group-item"><i class="fa fa-envelope-o"></i>
                            <b  class="font-noraml">公司：</b>
                            <p class="pull-right" >[[${jUser.compname}]]</p>
                        </li>
                        <li class="list-group-item"><i class="fa fa-calendar"></i>
                            <b  class="font-noraml">部门：</b>
                            <p class="pull-right" >[[${jUser.departname}]]</p>
                        </li>
                        <li class="list-group-item"><i class="fa fa-calendar"></i>
                            <b  class="font-noraml">岗位：</b>
                            <p class="pull-right" >[[${jUser.jobname}]]</p>
                        </li>
                        <li class="list-group-item"><i class="fa fa-calendar"></i>
                            <b  class="font-noraml">联系方式：</b>
                            <p class="pull-right" >[[${jUser.Mobile}]]</p>
                        </li>
                        <li class="list-group-item"><i class="fa fa-calendar"></i>
                            <b  class="font-noraml">上级领导：</b>
                            <p class="pull-right" >[[${jUser.ReportToname}]]</p>
                        </li>
                        <li class="list-group-item"><i class="fa fa-calendar"></i>
                            <b  class="font-noraml">入职日期：</b>
                            <p class="pull-right" >[[${jUser.JoinDate}]]</p>
                        </li>
                        <li class="list-group-item"><i class="fa fa-calendar"></i>
                            <b  class="font-noraml">员工类型：</b>
                            <p class="pull-right" >[[${jUser.emptypeName}]]</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="col-sm-9 about">
            <div class="ibox float-e-margins">
                <div class="ibox-title ibox-title-gray dashboard-header">
                    <h5>详细信息</h5>
                </div>
                <div class="ibox-content">
                    <div class="nav-tabs-custom">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#resume_information" data-toggle="tab" aria-expanded="true">简历信息</a></li>
                            <li><a href="#company_information" data-toggle="tab" aria-expanded="false">公司信息</a></li>
                            <li><a href="#achievements_information" data-toggle="tab" aria-expanded="false">绩效信息</a></li>
                        </ul>
                        <div class="tab-content">
                            <!--简历信息-->
                            <div class="tab-pane active" id="resume_information">
                                <div class="table-striped">
                                    <h3>教育经历</h3>
                                    <table id="Education-table" data-mobile-responsive="true"></table>
                                </div>
                                <br />
                                <br />
                                <div class="table-striped">
                                    <h3>工作经历</h3>
                                    <table id="Working-table" data-mobile-responsive="true"></table>
                                </div>
                                <br />
                                <br />
                                <div class="table-striped">
                                    <h3>职称资格证书</h3>
                                    <table id="Qualification-table" data-mobile-responsive="true"></table>
                                </div>
                                <br />
                                <br />
                                <div class="table-striped">
                                    <h3>语言能力</h3>
                                    <table id="Language-table" data-mobile-responsive="true"></table>
                                </div>
                            </div>
                            <!--公司信息-->
                            <div class="tab-pane" id="company_information">
                                <div class="table-striped">
                                    <h3>入职信息</h3>
                                    <table id="Entry-table" data-mobile-responsive="true"></table>
                                </div>
                                <br />
                                <br />
                                <div class="table-striped">
                                    <h3>转正信息</h3>
                                    <table id="Becomefull-table" data-mobile-responsive="true"></table>
                                </div>
                                <br />
                                <br />
                                <div class="table-striped">
                                    <h3>调动信息</h3>
                                    <table id="change-table" data-mobile-responsive="true"></table>
                                </div>
                            </div>
                            <!--绩效信息-->
                            <div class="tab-pane" id="achievements_information">
                                绩效信息
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<th:block th:include="include :: footer" />

<script th:inline="javascript">
    var prefix = ctx + "neworgs";
    $(function() {
        EducationList();//eBG_Education教育经历
        WorkingList();//eBG_Working工作经历
        QualificationList();//eBG_Title职业资格证书
        LanguageList();//eBG_Language语言能力
        EntryList();//入职信息
        BecomefullList();//转正信息
        changeList();//调动信息
    });
    function EducationList() {
        var options = {
            url: prefix + "/EducationList?eid=" + [[${jUser.eid}]],
            id:"Education-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'beginDate',
                    title: '入校时间',
                },
                {
                    field: 'endDate',
                    title: '毕业时间'
                },
                {
                    field: 'schoolName',
                    title: '学校名称'
                },
                {
                    field: 'major',
                    title: '专业'
                }]
        };
        $.table.init(options);
    }

    function WorkingList() {
        var options = {
            url: prefix + "/WorkingList?eid=" + [[${jUser.eid}]],
            id:"Working-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'beginDate',
                    title: '就职时间',
                },
                {
                    field: 'endDate',
                    title: '离职时间'
                },
                {
                    field: 'company',
                    title: '公司名称'
                },
                {
                    field: 'job',
                    title: '职业'
                }
                ,
                {
                    field: 'workplace',
                    title: '地点'
                }]
        };
        $.table.init(options);
    }

    function QualificationList() {
        var options = {
            url: prefix + "/QualificationList?eid=" + [[${jUser.eid}]],
            id:"Qualification-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'title',
                    title: '证书名称',
                },
                {
                    field: 'effectdate',
                    title: '生效日期'
                },
                {
                    field: 'certNo',
                    title: '证书编号'
                },
                {
                    field: 'registerunit',
                    title: '存放地点'
                }
            ]
        };
        $.table.init(options);
    }

    function LanguageList() {
        var options = {
            url: prefix + "/LanguageList?eid=" + [[${jUser.eid}]],
            id:"Language-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'certificate',
                    title: '语言级别',
                },
                {
                    field: 'effectDate',
                    title: '生效日期'
                }
            ]
        };
        $.table.init(options);
    }

    function EntryList() {
        var options = {
            url: prefix + "/EeventList?eid=" + [[${jUser.eid}]]+"&type=Entry",
            id:"Entry-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'remarks',
                    title: '类型',
                },
                {
                    field: 'effectDate',
                    title: '入职时间'
                },
                {
                    field: 'compname',
                    title: '公司名称'
                },
                {
                    field: 'depname',
                    title: '部门名称'
                },
                {
                    field: 'jobname',
                    title: '岗位名称'
                },
                {
                    field: 'reportname',
                    title: '上级领导'
                }
            ]
        };
        $.table.init(options);
    }


    function BecomefullList() {
        var options = {
            url: prefix + "/EeventList?eid=" + [[${jUser.eid}]]+"&type=Becomefull",
            id:"Becomefull-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'remarks',
                    title: '类型',
                },
                {
                    field: 'effectDate',
                    title: '转正时间'
                },
                {
                    field: 'compname',
                    title: '公司名称'
                },
                {
                    field: 'depname',
                    title: '部门名称'
                },
                {
                    field: 'jobname',
                    title: '岗位名称'
                },
                {
                    field: 'reportname',
                    title: '上级领导'
                }
            ]
        };
        $.table.init(options);
    }


    function changeList() {
        var options = {
            url: prefix + "/EeventList?eid=" + [[${jUser.eid}]]+"&type=change",
            id:"change-table",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            escape: true,
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination : false,
            columns: [
                {
                    field: 'remarks',
                    title: '类型',
                },
                {
                    field: 'effectDate',
                    title: '调动时间'
                },
                {
                    field: 'compname',
                    title: '公司名称'
                },
                {
                    field: 'depname',
                    title: '部门名称'
                },
                {
                    field: 'jobname',
                    title: '岗位名称'
                },
                {
                    field: 'reportname',
                    title: '上级领导'
                }
            ]
        };
        $.table.init(options);
    }
</script>
</body>
</html>
